<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pm="http://primefaces.org/mobile"
        contentType="text/html"
        renderKitId="PRIMEFACES_MOBILE">

    <pm:page title="Mobile">
        <pm:view id="battle">
            <pm:header title="#{msg['hello.battle.title']}">
                <f:facet name="left"><p:button value="#{msg['hello.home.back']}" icon="back" href="home.xhtml#main"/></f:facet>
            </pm:header>

            <pm:content>
               #{battleBean.loadTask(param.id)}
                <h:form>
                    <p:panel header="#{battleBean.task.name}">
                        <p:outputPanel>#{battleBean.task.description}</p:outputPanel>
                    </p:panel>
                    <p:panel header="战斗信息">
                        <p:outputPanel>击败3只麻雀</p:outputPanel>
                    </p:panel>

                    <p:commandButton actionListener="#{battleBean.battle}" value="战斗" update=":result"/>
                    <p:panel header="战斗结果">
                        <p:outputPanel id="result">


                        </p:outputPanel>
                    </p:panel>
                </h:form>
            </pm:content>

        </pm:view>
    </pm:page>
</f:view>